<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>MyPetStore</title>
  <link rel="StyleSheet" href="css/jpetstore.css" type="text/css" media="screen"/>
  <link rel="StyleSheet" href="css/welcom.css" type="text/css" media="screen"/>
  <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
  <script type="text/javascript" src="js/welcom.js"></script>
  <script type="text/javascript" src="js/dianji.js"></script>


  <style type="text/css">
    *{
      margin: 0;
      padding: 0;
    }

    #canvas{
      position: fixed;
      background: #a52323;
      overflow: auto;
      z-index: -1;
    }

    #canvas1 {
      position: fixed;
      pointer-events:none;//鼠标多层响应事件
    width: 100%;
      height: 100%;
      overflow: auto;
      z-index: 999;

    }
  </style>


</head>

<body>

<canvas id="canvas">111</canvas>
<canvas id="canvas1" style="whdth: 100%;height: 100%">111</canvas>

<!--<div id="Content">-->
<!--  <h2>Welcome to MyPetStore</h2>-->

<!--  <p><a href="main">Enter the Store</a></p>-->

<!--  <p><sub>Copyright Central South University </sub></p>-->

<!--</div>-->
</body>
</html>
